<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">   <%-- 在IE运行最新的渲染模式 --%>
		<meta name="viewport" content="width=device-width, initial-scale=1">   <%-- 初始化移动浏览显示 --%>
		<meta name="Author" content="Dreamer-1.">
		
		<!-- 引入各种CSS样式表 -->
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/font-awesome.css">
		<link rel="stylesheet" href="css/index.css">	<!-- 修改自Bootstrap官方Demon，你可以按自己的喜好制定CSS样式 -->
		<link rel="stylesheet" href="css/font-change.css">	<!-- 将默认字体从宋体换成微软雅黑（个人比较喜欢微软雅黑，移动端和桌面端显示效果比较接近） -->		
		<link rel="stylesheet" href="css/left.css">
		<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	
		<title>- 后台管理系统 -</title>
		<script type="text/javascript">
         function logout(){
	       if(confirm('您确定需要退出系统吗?')){
		    window.top.location.href='<%=request.getContextPath()%>/user.do?method=loginout';	
	       }
          }
</script>
	<style type="text/css">
	/* body{background-color:#87CEFA;} */
</style>
	</head>	
	<body>			  
	<!-- 左侧菜单选项========================================= -->
	  <div class="container-fluid">
			<div class="row-fluie">
				<div class="col-sm-3 col-md-2 sidebar//">	
			
				    <ul class="nav nav-sidebar">
					<c:forEach items="${mulu2}" var="xiaji">
						<!-- 一级菜单 -->
						<li class="active"><a href="#${xiaji.res_name}" class="nav-header menu-first collapsed" data-toggle="collapse">
							<i class="fa fa-user"></i>&nbsp; ${xiaji.res_name} <span class="sr-only"></span></a>
						</li> 
        
						<!-- 注意一级菜单中<a>标签内的href="#……"里面的内容要与二级菜单中<ul>标签内的id="……"里面的内容一致 -->				
						<ul id="${xiaji.res_name}" class="nav nav-list collapse menu-second">							
							
							
							<c:forEach var="xia" items="${xiaji.resourcesLister}"  >  
								
							<li><a  class="menu1" href="<%=request.getContextPath()%>/${xia.url}"  target="right" class="leftbut">${xia.ej_name}</a></li>						 
						
						    </c:forEach>
						   					   
						</ul>					   
				  </c:forEach>
					</ul>
				   
				</div>
			</div>
		</div>  
		
	
		
		<script type="text/javascript">
		
		/*
		 * 对选中的标签激活active状态，对先前处于active状态但之后未被选中的标签取消active
		 * （实现左侧菜单中的标签点击后变色的效果）
		 */
		$(document).ready(function () {
			$('ul.nav > li').click(function (e) {
				//e.preventDefault();	加上这句则导航的<a>标签会失效
				$('ul.nav > li').removeClass('active');
				$(this).addClass('active');
			});
		});
		
		/*
		 * 解决ajax返回的页面中含有javascript的办法：
		 * 把xmlHttp.responseText中的脚本都抽取出来，不管AJAX加载的HTML包含多少个脚本块，我们对找出来的脚本块都调用eval方法执行它即可
		 */
		function executeScript(html)
		{
		    
			var reg = /<script[^>]*>([^\x00]+)$/i;
		    //对整段HTML片段按<\/script>拆分
		    var htmlBlock = html.split("<\/script>");
		    for (var i in htmlBlock) 
		    {
		        var blocks;//匹配正则表达式的内容数组，blocks[1]就是真正的一段脚本内容，因为前面reg定义我们用了括号进行了捕获分组
		        if (blocks = htmlBlock[i].match(reg)) 
		        {
		            //清除可能存在的注释标记，对于注释结尾-->可以忽略处理，eval一样能正常工作
		            var code = blocks[1].replace(/<!--/, '');
		            try 
		            {
		                eval(code) //执行脚本
		            } 
		            catch (e) 
		            {
		            }
		        }
		    }
		}
		
		
			
			
		</script>
	
	</body>
</html>